// src/components/sidebarMenuItem.jsx
import React from 'react';

const SidebarMenuItem = ({text, Icon, active}) => {
    return (
        <div
            className={'hoverEffect flex items-center text-gray-700 justify-center xl:justify-start text-lg space-x-3'}>
            <Icon className={'h-7'}/>
            {/*小了隐藏, 大于xl则inline*/}
            <span className={`${active && 'font-bold'} hidden xl:inline`}> {text}</span>
        </div>
    );
};

export default SidebarMenuItem;